<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../lib/layui/css/layui.css">
<script type="text/javascript" src="../lib/layui/layui.js"></script>
<title>Insert title here</title>
</head>
<body>
	<button type="submit" class="layui-btn" lay-submit="" lay-filter="jiansuo">检索</button>
	<table id="demo" lay-filter="test"></table>
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
</script>
<script>
	layui.use(['table','form','laydate'], function(){
	  var table = layui.table;
	  var form=layui.form;
	  var laydate=layui.laydate;
	  var $=layui.$;
	   
	  //第一个实例
	  table.render({
	    elem: '#demo'
	    ,id:'table_stu_id'
	    ,url: '/Net/getNet' //数据接口
	    ,page: true //开启分页
	    ,cols: [[ //表头
	      {field: 'Id', title: 'ID', sort: true, fixed: 'left',width:80}
	      ,{field: 'StudentName', title: '姓名',width:80}
	      ,{field: 'FollowTime', title: '跟踪时间'}
	      ,{field: 'FollowState', title: '回访情况'} 
	      ,{field: 'Content', title: '内容'}
	      ,{field: 'NextFollowTimw', title: '下次跟踪时间'}
	      ,{fixed: 'right', title:'操作', width:150, align:'center', toolbar: '#barDemo'} 
	    ]]
	    });
	    table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
		  var data = obj.data; //获得当前行数据
		  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
		  var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
		 
		  if(layEvent === 'detail'){ //查看
		    //do somehing
		  } 
		});
		form.on('submit(jiansuo)',function(){
			table.reload("table_stu_id");
		})
	  });
</script>
</body>
</html>